<template>
  <div class="chartList">
    <!-- 大标题 -->
    <!-- <TitleBox v-if="com=='titleBox'" :widgetData="widgetData"></TitleBox> -->
    <!-- 新闻 -->
    <!-- <NewsBox v-if="com=='newsBox'" :widgetData="widgetData"></NewsBox> -->
    <!-- 列表 -->
    <!-- <ListBox v-if="com=='listBox'" :widgetData="widgetData"></ListBox> -->
    <!-- 柱状图 -->
    <!-- <BarChart v-if="com=='barChart'" :widgetData="widgetData"></BarChart> -->
    <!-- 折线图 -->
    <!-- <LineChart v-if="com=='lineChart'" :widgetData="widgetData"></LineChart> -->
    <!-- 饼图 -->
    <!-- <PieChart v-if="com=='pieChart'" :widgetData="widgetData"></PieChart> -->
    <!-- 地图 -->
    <!-- <MapChart v-if="com=='mapChart'" :widgetData="widgetData"></MapChart> -->
    <!-- 统计图 -->
    <!-- <CountChart v-if="com=='countChart'" :widgetData="widgetData"></CountChart> -->
    <component :is="widgetData.com" :widgetData="widgetData"></component>
  </div>
</template>

<script>
import TitleBox from '@/components/bigData/model//titleBox.vue';//大标题
import NewsBox from '@/components/bigData/model//newsBox.vue';//新闻
import ListBox from '@/components/bigData/model//listBox.vue';//列表
import CountChart from '@/components/bigData/model/countChart.vue';//统计图
import BarChartX from '@/components/bigData/model/barChartX.vue';//横向柱状图
import BarChartY from '@/components/bigData/model/barChartY.vue';//纵向柱状图
import LineChart from '@/components/bigData/model/lineChart.vue';//折线图
import LineChart2 from '@/components/bigData/model/lineChart2.vue';//双折线图
import LineChart3 from '@/components/bigData/model/lineChart3.vue';//折线柱状图
import PieChart from '@/components/bigData/model/pieChart.vue';//饼图
import PieChart2 from '@/components/bigData/model/pieChart2.vue';//三个饼图
import RadarChart from '@/components/bigData/model/radarChart.vue';//雷达图
import MapChart from '@/components/bigData/model/mapChart.vue';//地图
export default {
  components: { TitleBox, NewsBox, ListBox, CountChart, BarChartX, BarChartY, LineChart, LineChart2, LineChart3, PieChart, PieChart2, RadarChart, MapChart },
  props: ['com', 'widgetData'],
  computed: {},
  data() {
    return {}
  },
  watch: {},
  created() { },
  mounted() { },
  methods: {},
}
</script>

<style lang="scss" scoped>
.chartList {
  width: 100%;
  height: 100%;
}
</style>